<template>
	<view>
		<uni-card :is-shadow="false">
						<text class="name1">张林峰</text>
					</uni-card>
					<uni-card :is-shadow="false">
									<text class="name">张林峰</text><br>
									<text class="id">300009900</text><br>
									<text class="name">张林峰02</text><br>
									<text class="id">300009900</text>
								</uni-card>
		<button class="bt" @click="todz"><text class="wz">转让队长</text></button>	
		<view class="middle"><text class="mid">转让说明<br></text></view>
			<view class="bottom"><text class="bot">• 每个队伍只有1个队长，有且仅有1个人。<br>
		    • 可转让本队成员。或非入队学生。</text></view>
	</view>
</template>

<script setup>
	import { ref } from 'vue';
	let todz=function(){
		uni.navigateTo({
		    url: '/pages/Student-captain/captain/search-sure',
		})
	}
</script>

<style>
	.name1{
		width: 45px;
		height: 21px;
		font-family: PingFangSC-Regular;
		font-weight: 400;
		font-size: 15px;
		color: #212121;
	}
	.name {
	 color: #f2233e;
	 font-size: 15px;
	 font-face: PingFangSC;
	 font-weight: 400;
	 line-height: 0;
	 letter-spacing: 0;
	 paragraph-spacing: 0;
	 text-align: left;
	}
	.id{
	 color: #212121;
	 font-size: 15px;
	 font-face: PingFangSC;
	 font-weight: 400;
	 line-height: 0;
	 letter-spacing: 0;
	 paragraph-spacing: 0;
	 text-align: left;
	}
	.bt{
		margin: 36px 12px;
		height: 45px;
		background-image: linear-gradient(90deg, #C7CDD5 0%, #BBC0C8 100%);
		border-radius: 6px;
	}
	.wz{
		width: 72px;
		height: 25px;
		font-family: PingFangSC-Medium;
		font-weight: 500;
		font-size: 18px;
		color: #FFFFFF;
		text-align: center;
	}
	.mid{
		width: 48px;
		height: 17px;
		font-family: PingFangSC-Medium;
		font-weight: 500;
		font-size: 12px;
		color: #212121;
	}
	.bot{
		width: 224px;
		height: 42px;
		font-family: PingFangSC-Regular;
		font-weight: 400;
		font-size: 12px;
		color: #999DA3;
		line-height: 21px;
	}
	.middle{
		margin-top: 380px;
		margin-left: 30px;
		margin-bottom: 8px;
	}
	.bottom{
		margin-left: 18px;
	}
</style>